// function App() {
//   return (
//     <div>
//       <header>
//         aaa
//       </header>
//     </div>
//   );
// }
// const App = () => {
//     return <h1>hello react</h1>
// }
// class App extends React.Component {
//     constructor() {
        
//     }
//     componentDidMount() {
//         fetch("https://cnodejs.org/api/v1/topics")
//         .then(res=>res.json())
//         .then(res => {
            
//         })
//     }
//     render() {

//     }
// }


import React from "react";
import Header from "./components/Header";
import Left from "./components/Left";
import Right from "./components/Right";

//组件首字母大写
class App extends React.Component {
    state = {
        isShow:true
    }
    hide = () => {
        this.setState({
            isShow:!this.state.isShow
        })
    }
    render() {
		return <div>
            <Header />
            <button onClick={this.hide}>隐藏left</button>
            <div className="content">
                {this.state.isShow && <Left />}
                <Right />
            </div>
        </div>
	}
}

export default App;
